﻿@model HelloMinasan.Web.Song.ViewModels.SongViewModels
@{
    ViewBag.Title = "EditSongFiles";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="contentSection">
    @using (Html.BeginForm())
    {
        @Html.HiddenFor(x => x.SongId);
        @Html.HiddenFor(x => x.PostedDate);
        <a href="@Url.Action("EditSong", "Song", new { id = Model.SongId })">
            <div class="titleSection">
                <img src="@Url.Content("~/Content/Images/information.png")" />
                Song's information
            </div>
        </a>
        <a href="@Url.Action("EditGrammar", "Song", new { id = Model.SongId })">
            <div class="titleSection">
                <img src="@Url.Content("~/Content/Images/lessons.png")" />
                Song's grammar
            </div>
        </a>
        <div class="titleSection">
            <img src="@Url.Content("~/Content/Images/song.png")" width="32" height="32" />
            Song's files
        </div>
        <div class="contentSectionInside" style="margin-bottom: 10px;">
            <div class="containerAllProperties">
                <div style="display: table">
                    <img src="@Url.Content("~/Content/Images/demo_avatar.jpg")" class="avatarImg" style="float:left"/>
                    Please update song's file for your song as below.
                                <h1>@Model.SongName</h1>
                    @Html.LabelFor(x => x.PostedDate) : @Model.PostedDate
                </div>
            </div>
            <div class="containerAllProperties">
                <div class="leftDivNoSize">@Html.LabelFor(x => x.ImageFile)</div>
                @Html.TextBoxFor(x => x.ImageFile, new { type = "file" })
            </div>
            <div class="containerAllProperties">
                <div class="leftDivNoSize">@Html.LabelFor(x => x.SongFile)</div>
                @Html.TextBoxFor(x => x.SongFile, new { type = "file" })
            </div>
        </div>
        <input type="submit" value="Save" />
    }
</div>
